<template>
	<view class="p-3 flex align-center " @click="$emit('click')">
		<text class="iconfont mr-3" :class="icon"></text>
		<text class="font">{{title}}</text>
		<view class="ml-auto">
			<slot></slot>
			<text v-if="showRight" class="text-muted font iconfont icon-youbian"></text>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			icon:{
				type:String,
				default:''
			},
			title:{
				type:String,
				default:''
			},
			showRight:{
				type:Boolean,
				default:true
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>

</style>